<form class="layui-form layui-form-pane" lay-filter="FormSysUserGoogle" action="/sys/user/google">
    <input type="hidden" id="id" name="id" th:value="${entity.id}">
    <div class="layui-row p-l-sm m-b-xl">
        <div class="layui-row">
            <div th:replace="common/plugin :: pa-form-input-detail('text','所属系统','layui-col-md4',${sysSystem.systemName})"></div>
            <div th:replace="common/plugin :: pa-form-input-detail('text','所属角色','layui-col-md4',${sysGroup.groupName})"></div>
            <div th:replace="common/plugin :: pa-form-input-detail('text','父资源','layui-col-md4',${nick})"></div>
        </div>
        <div class="hr-line-dashed m-r m-t"></div>
        <div class="layui-row">
            <div class="layui-inline layui-col-md12 p-tr-sm">
                <label class="layui-form-label" th:text="谷歌验证码密钥" th:title="谷歌验证码密钥"></label>
                <div class="layui-input-block">
                    <input name="keyCode" type="text" class="layui-input layui-bg-gray" autocomplete="off" maxlength="32" th:value="${generateSecretKey}" readonly>
                </div>
            </div>
            <div class="layui-inline layui-col-md12 p-tr-sm">
                <label class="layui-form-label" th:text="二维码链接地址" th:title="二维码链接地址"></label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input layui-bg-gray" autocomplete="off" maxlength="32" th:value="${getQRBarcodeURL}" readonly>
                </div>
            </div>
            <div class="layui-inline layui-col-md12 p-tr-sm">
                <div class="layui-input-block">
                    <div id="qrcode" style="text-align: left;" class="m-t m-l"></div>
                </div>
            </div>
        </div>
    </div>
</form>
<script>
    layui.use(['okQrcode', 'form', "jquery"], function () {
        let form = layui.form;
        let $ = layui.jquery;
        form.render();
        $("#qrcode").qrcode({
            width: "150",
            height: "150",
            text: '[[${getQRBarcodeURL}]]',
            background: "#ffffff",
            foreground: "#000000",
        });
    });
</script>